<template>
    <div class="bac">
        <div class="title iconfont">
            <div class="ico">
                <span class="ico1">&#xe659;</span>
                <span @click="back">返回</span>
            </div>
            <b class="font">
                <slot></slot>
            </b>
        </div>
    </div>
</template>
<script>
export default {
  methods: {
    back () {
      this.$router.back()
    }
  }
}
</script>
<style lang="scss" scoped>
@font-face {
  font-family: 'iconfont';  /* project id 1669649 */
  src: url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.eot');
  src: url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.woff') format('woff'),
  url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1669649_vwswz2s8z9.svg#iconfont') format('svg');
}
  .iconfont{
      font-family:"iconfont" !important;
      font-size:16px;font-style:normal;
      -webkit-font-smoothing: antialiased;
      -webkit-text-stroke-width:0.2px;
      -moz-osx-font-smoothing: grayscale;
    }
.bac{
    width:100%;
    // height:100%;
    // background:#ccc;
    position: fixed;
    top: 0px;
    z-index: 20;
}
.title{
    width:100%;
    height:50px;
    position:fixed;
    background:#fff;
    display:flex;
    align-items: center;
    .ico{
        display: flex;
        align-items: center;
        .ico1{
        margin-left: 7px;
        font-size: 30px;
        }
    }
    .font{
        color:red;
        font-size: 20px;
        margin-left: 90px;
    }

}
</style>
